<template>
  <div class="home">
    <Header class="herder"></Header>
    <div class="main">
      <Aside class="aside"></Aside>
      <Content class="content"></Content>
    </div>
  </div>
</template>

<script>
import Header from '@/views/Header'
import Aside from '@/views/Aside'
import Content from '@/views/Content'

export default {
  components: {
    Header,
    Aside,
    Content,
  },
}
</script>

<style scoped lang='less'>
.home {
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   .main {
    flex: 1;
    display: flex;
    .content {
      flex: 1;
    }
  }
 
 
  
}
</style>